import React, { Component } from 'react'
import MouseCat from './MouseCat'
export default class Cat extends Component {
  render () {
    return (
      // <div>
      //   <MouseCat
      //     render={position => {
      //       ;<div>
      //         Cat{position.x},{position.y}
      //       </div>
      //     }}
      //   />
      // </div>

      //children props代码实现方式一
      // <MouseCat
      //   children={position => (
      //     <div>
      //       Mouse {position.x},{position.y}
      //     </div>
      //   )}
      // ></MouseCat>

      //children props代码实现方式二
      <MouseCat>
        {position => (
          <div>
            Mouse {position.x} ,{position.y}
          </div>
        )}
      </MouseCat>
    )
  }
}
